<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>文本样式</title>
	<link rel="stylesheet" href="./1.css">
</head>

<body>
	<pre>
			主要任务： 
			1.巩固css的选择器 
			2.css的创建方法/引用方法 
			3.css的属性：background,text,font,链接,列表样式 
			
			
			text 文本样式属性： 
			所有的文本样式属性，都有继承的效果
			
			*color 设置文本颜色
			     值：    
			     color_name	规定颜色值为颜色名称的颜色（比如 red）。
			     hex_number	规定颜色值为十六进制值的颜色（比如 #ff0000）。                      
			     rgb_number	规定颜色值为 rgb 代码的颜色（比如 rgb(255,0,0)）。 
			     用10进制表示16进制 
			
			*line-height	        设置行高 22px
			     number	    设置数字，此数字会与当前的字体尺寸相乘来设置行间距。 默认字体大小为16px
			     length	    设置固定的行间距。   单位为px
			     %	        基于当前字体尺寸的百分比行间距。
			
			*text-align	    对齐元素中的文本  水平对齐方式
			     left	    把文本排列到左边。默认值：由浏览器决定。
			     right	    把文本排列到右边。
			     center	    把文本排列到中间。
			
			*vertical-align	    设置元素的垂直对齐   图文结合
			     top	        把元素的顶端与行中最高元素的顶端对齐
			     middle	        把此元素放置在父元素的中部。   与父元素的中线对齐
			     bottom	        把元素的底端与行中最低的元素的顶端对齐。
			
			*text-decoration	    向文本添加修饰线
			     none	        默认。定义标准的文本。
			     underline	    定义文本下的一条线。
			     overline	    定义文本上的一条线。
			     line-through	定义穿过文本下的一条线。
			
			*text-indent	        缩进元素中文本的首行  首行缩进
			     length	        定义固定的缩进。默认值：0。   px
			     %	            定义基于父元素宽度的百分比的缩进。

			*text-shadow	        设置文本阴影 5px 5px 5px #FF0000
				h-shadow	    必需。水平阴影的位置。允许负值。
				v-shadow	    必需。垂直阴影的位置。允许负值。
				blur	        可选。模糊的距离。
			
			letter-spacing	    设置字符间距 5px
			     length	    定义字符间的固定空间（允许使用负值）。  单位 px
			
			
			word-spacing	    设置词间距  5px  两个空格之间的文字为一个词
			     normal	    默认。定义单词间的标准空间。
			     length	    定义单词间的固定空间。   单位 px
			     inherit	规定应该从父元素继承 word-spacing 属性的值。
			
			text-transform	    控制元素中的字母 大小写
			     none	        默认。定义带有小写字母和大写字母的标准的文本。
			     capitalize	    文本中的每个单词以大写字母开头。  针对英文
			     uppercase	    定义仅有大写字母。
			     lowercase	    定义无大写字母，仅有小写字母。
			
		</pre>

	<h1>断章</h1>
	<h3>【作者】卞之琳 【朝代】现代</h3>
	<div>
		<p class="b">你站在桥上看风景你站在桥上看风景你站在桥上看风景你站在桥上看风景你站在桥上看风景你站在桥上看风景你站在桥上看风景你站在桥上看风景你站在桥上看风景你站在桥上看风景你站在桥上看风景你站在桥上看风景你站在桥上看风景</p>
		<p class="a">看风景人在楼上看你。</p>
		<p>明月装饰了你的窗子，</p>
		<p>你装饰了别人的梦。</p>
		<div>
			<span>安琪拉</span>
			<img src="./安琪拉.jpg" alt="" width="500">
			<span>安琪拉</span>
		</div>
	</div>



	<div class="ci">Nihao hanMeimei , Hello lilei</div>
	<div class="zi">Nihao hanMeimei,Hello lilei</div>

	<a href="#">百度</a>
	<del>删除线</del>
	<u>下划线</u>

	<div style="height: 200px;"></div>
</body>

</html>